<table class="table table-border table-bordered table-hover table-bg">
    <thead>
    <tr class="text-c">
        <th width="25"><input type="checkbox" value="" name=""></th>
        <th width="25">编号</th>
        <th>出租类型</th>
        <th>房间编号</th>
        <th>户型</th>
        <th>类型</th>
        <th>所属小区</th>
        <th>月租/元</th>
        <th>日租/元</th>
        <th>物业费/元</th>
        <th>押金/元</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr class="text-c">
        <td><input type="checkbox" value="" name=""></td>
        <td>1</td>
        <td><a href="javascript:;" class="btn btn-warning radius" onclick="admin_role_add('查看房东信息','landlord.html','800', '420')"> 转租</a></td>
        <td>4-5-2</td>
        <td>D1</td>
        <td>日租</td>
        <td>重庆-渝北区-东原星樾</td>
        <td>1500.00</td>
        <td>168.00</td>
        <td>84.00</td>
        <td>1500.00</td>
        <td><div style="background-color: #0a6999;color: #ffffff;margin:5px;padding: 3px;">出租</div></td>
        <td>
            <a href="javascript:void(0);" title="编辑房间宣传信息"  onclick="admin_role_edit('编辑房间宣传信息','travel.html','1','800', '420')"><i class="Hui-iconfont" style="color: #25ffae;">&#xe692;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房东信息"  onclick="admin_role_edit('编辑房东信息','landlord.html','1','800', '420')"><i class="Hui-iconfont" style="color: #ffc715">&#xe602;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房间信息"  onclick="admin_role_edit('编辑房间信息','add.html','1','800', '420')"><i class="Hui-iconfont"style="color: #82c2ff">&#xe60c;</i></a>&nbsp;
            <a href="javascript:void(0);" class="dels" roomid="" title="删除" style="text-decoration:none"><i class="Hui-iconfont" style="color: #ff8b7a">&#xe6e2;</i></a>
        </td>
    </tr>
    <tr class="text-c">
        <td><input type="checkbox" value="" name=""></td>
        <td>2</td>
        <td><div  class="btn btn-primary radius" > 直租</div></td>
        <td>4-5-6</td>
        <td>D1</td>
        <td>日租</td>
        <td>重庆-渝北区-东原星樾</td>
        <td>1500.00</td>
        <td>168.00</td>
        <td>84.00</td>
        <td>1500.00</td>
        <td><div style="background-color: #ffb11e;color: #ffffff;margin:5px;padding: 3px;">空闲</div></td>
        <td>
            <a href="javascript:void(0);" title="编辑房间宣传信息"  onclick="admin_role_edit('编辑房间宣传信息','travel.html','1','800', '420')"><i class="Hui-iconfont" style="color: #25ffae;">&#xe692;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房东信息"  onclick="admin_role_edit('编辑房东信息','landlord.html','1','800', '420')"><i class="Hui-iconfont" style="color: #ffc715">&#xe602;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房间信息"  onclick="admin_role_edit('编辑房间信息','add.html','1','800', '420')"><i class="Hui-iconfont"style="color: #82c2ff">&#xe60c;</i></a>&nbsp;
            <a href="javascript:void(0);" class="dels" roomid="" title="删除" style="text-decoration:none"><i class="Hui-iconfont" style="color: #ff8b7a">&#xe6e2;</i></a>
        </td>
    </tr>
    <tr class="text-c">
        <td><input type="checkbox" value="" name=""></td>
        <td>3</td>
        <td><div  class="btn btn-primary radius" > 直租</div></td>
        <td>4-5-8</td>
        <td>D1</td>
        <td>日租</td>
        <td>重庆-渝北区-东原星樾</td>
        <td>1500.00</td>
        <td>168.00</td>
        <td>84.00</td>
        <td>1500.00</td>
        <td><div style="background-color: #ff6638;color: #ffffff;margin:5px;padding: 3px;">维护</div></td>
        <td>
            <a href="javascript:void(0);" title="编辑房间宣传信息"  onclick="admin_role_edit('编辑房间宣传信息','travel.html','1','800', '420')"><i class="Hui-iconfont" style="color: #25ffae;">&#xe692;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房东信息"  onclick="admin_role_edit('编辑房东信息','landlord.html','1','800', '420')"><i class="Hui-iconfont" style="color: #ffc715">&#xe602;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房间信息"  onclick="admin_role_edit('编辑房间信息','add.html','1','800', '420')"><i class="Hui-iconfont"style="color: #82c2ff">&#xe60c;</i></a>&nbsp;
            <a href="javascript:void(0);" class="dels" roomid="" title="删除" style="text-decoration:none"><i class="Hui-iconfont" style="color: #ff8b7a">&#xe6e2;</i></a>
        </td>
    </tr>
    <tr class="text-c">
        <td><input type="checkbox" value="" name=""></td>
        <td>4</td>
        <td><div  class="btn btn-primary radius" > 直租</div></td>
        <td>308</td>
        <td>D1</td>
        <td>日租</td>
        <td>重庆-渝北区-东原星樾</td>
        <td>1500.00</td>
        <td>168.00</td>
        <td>84.00</td>
        <td>1500.00</td>
        <td><div style="background-color: #07ff64;color: #ffffff;margin:5px;padding: 3px;">预约</div></td>
        <td>
            <a href="javascript:void(0);" title="编辑房间宣传信息"  onclick="admin_role_edit('编辑房间宣传信息','travel.html','1','800', '420')"><i class="Hui-iconfont" style="color: #25ffae;">&#xe692;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房东信息"  onclick="admin_role_edit('编辑房东信息','landlord.html','1','800', '420')"><i class="Hui-iconfont" style="color: #ffc715">&#xe602;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房间信息"  onclick="admin_role_edit('编辑房间信息','add.html','1','800', '420')"><i class="Hui-iconfont"style="color: #82c2ff">&#xe60c;</i></a>&nbsp;
            <a href="javascript:void(0);" class="dels" roomid="" title="删除" style="text-decoration:none"><i class="Hui-iconfont" style="color: #ff8b7a">&#xe6e2;</i></a>
        </td>
    </tr>
    <tr class="text-c">
        <td><input type="checkbox" value="" name=""></td>
        <td>5</td>
        <td><div  class="btn btn-primary radius" > 直租</div></td>
        <td>331</td>
        <td>D1</td>
        <td>日租</td>
        <td>重庆-渝北区-东原星樾</td>
        <td>1500.00</td>
        <td>168.00</td>
        <td>84.00</td>
        <td>1500.00</td>
        <td><div style="background-color: #ff9d3c;color: #ffffff;margin:5px;padding: 3px;">退房</div></td>
        <td>
            <a href="javascript:void(0);" title="编辑房间宣传信息"  onclick="admin_role_edit('编辑房间宣传信息','travel.html','1','800', '420')"><i class="Hui-iconfont" style="color: #25ffae;">&#xe692;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房东信息"  onclick="admin_role_edit('编辑房东信息','landlord.html','1','800', '420')"><i class="Hui-iconfont" style="color: #ffc715">&#xe602;</i></a>&nbsp;
            <a href="javascript:void(0);" title="编辑房间信息"  onclick="admin_role_edit('编辑房间信息','add.html','1','800', '420')"><i class="Hui-iconfont"style="color: #82c2ff">&#xe60c;</i></a>&nbsp;
            <a href="javascript:void(0);" class="dels" roomid="" title="删除" style="text-decoration:none"><i class="Hui-iconfont" style="color: #ff8b7a">&#xe6e2;</i></a>
        </td>
    </tr>
    </tbody>
</table>
<!--page-->
<include file="Common/page" />
<script>
    $(document).ready(function(){
        $(".dels").on('click', function(){
            var obj = $(this);
            layer.confirm('删除操作为不可逆操作，是否删除该条记录？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.post('room.html',{roomid: obj.attr('roomid')}, function(row){
                    if(row/1){
                        layer.msg('删除信息成功', {icon: 1, time: 2000}, function(){
                            $("#room_"+ obj.attr('roomid')).remove();
                        });
                    }else{
                        layer.msg('删除信息失败',{icon:0, time:2000});
                    }
                });
            }, function(){

            });
        });
    });
</script>